Skip to content

Revamp intro loader: logo card with animated particles - #482

Open
ercmine wants to merge 1 commit into
mainfrom
codex/remove-image-and-add-animated-logo
Open

Revamp intro loader: logo card with animated particles#482
ercmine wants to merge 1 commit into
mainfrom
codex/remove-image-and-add-animated-logo

Conversation

@ercmine

@ercmine ercmine commented Mar 31, 2026

Copy link
Copy Markdown
Owner

Motivation

  • Replace the standalone mascot image on the intro screen with a logo-first animated treatment and add particle effects for a more branded, dynamic loading experience.

Description

  • Removed the loader motion.img mascot and replaced it with a centered animated logo card that pulses and rotates (eatdoge/src/App.tsx).
  • Added a new loaderParticles useMemo array and rendered animated particle spans behind the logo to create motion-rich background effects.
  • Kept the existing loader copy and timing logic (preheating the crumbs and the loading timeout) to preserve the previous UX flow.
  • All changes are contained to eatdoge/src/App.tsx and use existing Framer Motion patterns already present in the file.

Testing

  • Ran npm run build in eatdoge/ which ran tsc and vite build and completed successfully.

Codex Task

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant